﻿.mainAll {
    width: 926px;
    margin: 0 auto;
}

.middle {
    height: 649px;
    margin: auto;
    width: 100%;
}

.middle_left {
    width: 628px;
    float: left;
    height: 100%;
}

.middle_left_top {
    clear: both;
    width: 100%;
    height: 258px;
}

.middle_left_top_left {
    width: 180px;
    height: 100%;
    float: left;
    background-color: #e3e3e3;
}

.middle_left_top_right {
    width: 436px;
    height: 100%;
    float: right;
    background-color: #e3e3e3;
}

.middle_left_middle {
    clear: both;
    width: 100%;
    height: 121px;
}

.middle_left_bottom {
    clear: both;
    width: 100%;
    height: 257px;
}

.middle_left_bottom_left {
    width: 180px;
    height: 100%;
    float: left;
    background-image: url(../Images/tu_35.gif);
}

.middle_left_bottom_right {
    width: 436px;
    height: 100%;
    float: right;
    background-color: #e3e3e3;
}

.middle_right {
    width: 289px;
    float: right;
    height: 100%;
    background-color: #e3e3e3;
}

.friend {
    width: 100%;
    height: 50px;
    background-color: #e3e3e3;
}

.selectTitle {
    list-style: none;
    float: left;
    width: 50%;
    height: 36px;
    line-height: 36px;
    background-color: #e3e3e3;
    cursor: pointer;
}

.tabSelect {
    background-color: white;
}

.displayContent {
    display: none;
}

.contentStyle {
    margin: 0 auto;
    width: 98%;
    height: 100%;
    background-color: aqua;
    text-align: left;
}

.yqljFont {
    background-color: white;
    color: red;
    font-weight:bold;
    width: 80px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    margin-top:8px;
    float:left;
    margin-left:30px;
}
.bottom{
    font-size:13px;
}